<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>元素选择器</title>
<style>
	
	/*1.元素选择器*/
	
	/*2.类选择器：选择class=某值得所有元素*/
	.female{
		color:pink;
	}
	
	
	/*3.ID选择器：选择ID=某值的唯一元素*/
	#p4{
		color:red;
	}
	
	
	/*4.选择器组：写出一组选择器，中间逗号隔开，
	可以选中他们的并集（合计）*/
	.female,#p4{
		/*字体加粗*/
		font-weight:bold;
	}
	/*5.派生选择器*/
	/*5.1选择符元素下满足条件的子孙*/ 
	#p5 b{
		color:red;
	}
	
	/*5.2选择符元素下满足条件的儿子*/ 
	#p5>b { 
		font-size:30px;
	}
	
	
	/*6.伪类选择器*/
	/*6.1 选择所有未访问过的超链接*/
	a:link{
		color:green;
	}
	
	/*6.2 选择所有已访问过的超链接*/
	a:visited{
		color:red;'
	}
	
	/*6.3选择激活态（正在点）的按钮*/
	#b1:active{
		background-color:yellow;
	}
	
	
	/*6.4 选择有焦点（光标闪烁）的框*/
	#t1:focus{
		background-color:green;
	}
	
	/*6.5选择悬停态的图片*/
	img:hover{
		width:250px;
		height:250px;			
	}
	
	
	
</style>


</head>
<body>
	<p class="female">苍老师</p>
	<p>范传奇</p>
	<p class="female">王克晶</p>
	<p id="p4">那些事</p>
	<P id="p5">
		北京市<u>海淀区<b>北三环</b>西路</u>甲18号<b>中鼎大厦</b>B座7层
	
	</P>

	<p>
		<a href="http://www.tmooc.cn" target="_blank">达内</a>
		<a href="http://doc.tedu.cn" target="_blank">文档</a>
		<a href="http://www.baidu.com" target="_blank">百度</a>
		<a href="http://www.google.com" target="_blank">谷歌</a>
	</p>

	<p>
		<input type="button" value="试试" id="b1"/>
	</p>


	<p>
		<input type="text" id="t1"/>
	</p>

	<p>
		<img src="../images/01.jpg">
	</p>
	<p>
		<img src="../images/02.jpg">
	</p>
	<p>
		<img src="../images/03.jpg">
	</p>






</body>
</html>